<template>
  <div class="feed-container">
    <div class="tabs-wrapper">
      <div class="sub-tabs" style="width: 660px">
        <div class="tab-item active"><a href="/ch/news_finance/">全部</a></div>
        <div class="tab-item"><a href="/ch/investment/">投资</a></div>
        <div class="tab-item"><a href="/ch/stock_channel/">股票</a></div>
        <div class="tab-item"><a href="/ch/finance_management/">理财</a></div>
        <div class="tab-item"><a href="/ch/macro_economic/">宏观经济</a></div>
      </div>
    </div>
    <div class="feedbox-wrapper">
      <div class="msg-wrapper">
        <div class="msg-alert msg-alert-hidden">
          <span>为您推荐了11篇文章</span>
        </div>
      </div>
      <div class="feed-box">
        <div class="feed-list">
          <div class="single-mode">
            <div class="single-mode-lbox">
              <a
                class="img-wrap"
                href="/group/6890369210682180100/"
                target="_blank"
                rel="noopener noreferrer"
                ><img
                  src="//p1.pstatp.com/list/190x124/pgc-image/35e39837c48a467fa1ce605326ef4f8d"
                  class="lazy-load-img"
              /></a>
            </div>
            <div class="single-mode-rbox">
              <div class="single-mode-rbox-inner">
                <div class="title-box">
                  <a
                    class="link"
                    href="/group/6890369210682180100/"
                    target="_blank"
                    rel="noopener noreferrer"
                    >自损八百！美国商务部：美国开始解除对华为的禁令</a
                  >
                </div>
                <div class="footer-bar">
                  <div class="footer-bar-left">
                    <a
                      class="footer-bar-action media-avatar"
                      href="/c/user/token/MS4wLjABAAAA0F7F6BBeOyXiU0GK4maS2Hek6QqMG4zhfajbjXJx4nc/"
                      target="_blank"
                      rel="noopener noreferrer"
                      ><img
                        src="//p3-tt-ipv6.byteimg.com/large/pgc-image/845482b7ce3c409f9bb3d8cf5ec9fd48" /></a
                    ><a
                      class="footer-bar-action source"
                      href="/c/user/token/MS4wLjABAAAA0F7F6BBeOyXiU0GK4maS2Hek6QqMG4zhfajbjXJx4nc/"
                      target="_blank"
                      rel="noopener noreferrer"
                      >&nbsp;报纸有情&nbsp;⋅</a
                    ><a
                      class="footer-bar-action source"
                      href="/group/6890369210682180100//#comment_area"
                      target="_blank"
                      rel="noopener noreferrer"
                      >&nbsp;0评论</a
                    ><span class="footer-bar-action time"
                      >&nbsp;⋅&nbsp;3小时前</span
                    >
                  </div>
                  <div class="footer-bar-right">
                    <div class="action-dislike">
                      <i class="bui-icon icon-close-small"></i>不感兴趣
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="no-mode">
            <div class="title-box">
              <a
                class="link"
                href="/group/6890289940848968206/"
                target="_blank"
                rel="noopener noreferrer"
                >在菲中资企业员工太多？中国大使澄清：数量不足8%，将为菲创造更多就业机会</a
              >
            </div>
            <div class="footer-bar">
              <div class="footer-bar-left">
                <a
                  class="footer-bar-action media-avatar"
                  href="/c/user/token/MS4wLjABAAAAabHAGA5rwz80RE3cHMbb8luHFKXQoelOhsFetuR7qaM/"
                  target="_blank"
                  rel="noopener noreferrer"
                  ><img
                    src="//p6-tt-ipv6.byteimg.com/large/pgc-image/872b048f3af347da896e391bd50331a6" /></a
                ><a
                  class="footer-bar-action source"
                  href="/c/user/token/MS4wLjABAAAAabHAGA5rwz80RE3cHMbb8luHFKXQoelOhsFetuR7qaM/"
                  target="_blank"
                  rel="noopener noreferrer"
                  >&nbsp;全国党媒信息公共平台&nbsp;⋅</a
                ><a
                  class="footer-bar-action source"
                  href="/group/6890289940848968206//#comment_area"
                  target="_blank"
                  rel="noopener noreferrer"
                  >&nbsp;0评论</a
                ><span class="footer-bar-action time"
                  >&nbsp;⋅&nbsp;3小时前</span
                >
              </div>
              <div class="footer-bar-right">
                <div class="action-dislike">
                  <i class="bui-icon icon-close-small"></i>不感兴趣
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "index",
  data() {
    return {
      msg: "Welcome to Your Vue.js App",
    };
  },
  mounted() {
    if (this.$store.state.name) {
      this.msg = this.$store.state.name;
    }
  },
  methods: {
    handleClick() {
      this.$store.commit("setName", "hfd");
      this.msg = this.$store.state.name;
      console.log(this.$store.state.name);
    },
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h1,
h2 {
  font-weight: normal;
}
</style>
